﻿<!--
/*
(c) 2010 - Open Source Business Foundation e. V. (www.osbf.de)
This software is provided under Microsoft Reciprocal License (Ms-RL)
(http://www.microsoft.com/opensource/licenses.mspx#Ms-RL)
All other rights reserved
*/
-->


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Edit.aspx.cs" Inherits="MicroFormatWebRole.Edit" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>MicroFormats in the Cloud - Edit</title>
    <script type="text/javascript">
        function setStyle(obj, style, value) {
            var ref = (typeof obj == "string") ? document.getElementById(obj) : obj
            ref.style[style] = value;
        }
        function getRef(obj) {
            return (typeof obj == "string") ? document.getElementById(obj) : obj;
        }
    </script>
    <style type="text/css">
        #HeaderSection { border:1px solid #888; position:absolute; top:10px; left:10px; height:60px; right:10px; background-color:#ddf }
        #HeaderSectionIcon { position:absolute; top:2px; left:10px; height:60px; font-size:large; font-weight:bold; text-align:left; vertical-align:middle }
        #HeaderSectionLeft1 { position:absolute; top:2px; left:200px; height:23px; font-size:large; font-weight:bold; text-align:left; vertical-align:middle }
        #HeaderSectionLeft2 { position:absolute; top:2px; left:450px; height:23px; text-align:left; vertical-align:middle }
        #HeaderSectionLeft3 { position:absolute; top:2px; left:450px; height:23px; text-align:left; vertical-align:middle; font-weight:bold }        #HeaderSectionRight1 { position:absolute; top:2px; right:150px; height:23px; font-size:large; font-weight:bold; text-align:right; vertical-align:middle }
        #HeaderSectionRight2 { position:absolute; top:2px; right:10px; width:140px; height:23px; font-size:large; font-weight:bold; text-align:right; vertical-align:middle }
        #NavigationSection { border:1px solid #888; position:absolute; top:80px; left:10px; bottom:10px; width:150px; background-color:#ddf; overflow:auto }
        #MfDefinitionSection { border:1px solid #888; position:absolute; top:80px; left:10px; bottom:10px; width:300px; background-color:#ddf; overflow:auto }
        #ContentSection { border:1px solid #888; position:absolute; top:80px; left:10px; right:10px; bottom:10px; background-color:#ddf; overflow:auto }
        #MicroFormatSection { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="HeaderSection">
            <div id="HeaderSectionIcon"><img src='http://microformats.blob.core.windows.net/resources/osbf.jpg' /></div>
            <div id="HeaderSectionLeft1">MicroFormats in the Cloud</div>
            <div id="HeaderSectionLeft2" runat="server"> <asp:Label ID="LoginLabel" runat="server"></asp:Label></div>
        </div>
    
          <div id="ContentSection" runat="server">
            <table border="0" width="100%" cellpadding="4" cellspacing="0" style="background-color:White">
                <tr><td style="background-color:#5d7b9d; font-weight:bold; color:White"><asp:Label ID="ContentTitle" runat="server"></asp:Label></td></tr>
                <tr><td>
                    <table border="0" width="100%">
                        <tr>
                            <td style="width:120px">Found On Date</td>
                            <td><asp:Label ID="ContentDate" runat="server"></asp:Label></td>
                        </tr>
                        <tr>
                            <td style="width:120px">Found On Url</td>
                            <td><asp:HyperLink ID="ContentUrl" runat="server">[ContentUrl]</asp:HyperLink></td>
                        </tr>
                        <tr>
                            <td style="width:120px">Tagged As</td>
                            <td>
                                <asp:TextBox  id="tbTagged" runat="server" Width="60%"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="width:120px">Fixed Tags:</td>
                            <td>
                                <asp:Label  id="lbFixedLabel" runat="server" Width="60%"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="left"><asp:Button ID="SaveButton" runat="server" Text="Save" onclick="OnSaveButtonClick" /><asp:Button ID="Cancel" runat="server" Text="Cancel" onclick="OnCancelButtonClick" /></td>
                        </tr>
                    </table>
                </td></tr>
            </table>
            <asp:GridView ID="MfPropertyGridView" runat="server" CellPadding="4" Width="100%"
                ForeColor="#333333" GridLines="None" AutoGenerateColumns="false"
                OnRowDataBound="MfPropertyGridView_RowDataBound" >
                <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                <EditRowStyle BackColor="#999999" />
                <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                <SortedAscendingCellStyle BackColor="#E9E7E2" />
                <SortedAscendingHeaderStyle BackColor="#506C8C" />
                <SortedDescendingCellStyle BackColor="#FFFDF8" />
                <SortedDescendingHeaderStyle BackColor="#6F8DAE" />
                <columns>
                    <asp:BoundField headertext="Property" ReadOnly="true" HeaderStyle-HorizontalAlign="Left" datafield="Property" ItemStyle-Width="0" />
                    <asp:BoundField HeaderText="Value" HeaderStyle-HorizontalAlign="Left" datafield="Value" ItemStyle-Width="0" />
                    <asp:TemplateField HeaderText="Property" ItemStyle-Width="30%">
	                    <itemTemplate>
	                        <asp:Label id="lblProperty" runat="server" ></asp:Label>
	                    </itemTemplate>
	                </asp:TemplateField>
	                <asp:TemplateField HeaderText="Value">
	                    <itemTemplate>
	                        <asp:TextBox id="tbValue" runat="server" Width="90%"></asp:TextBox>
	                    </itemTemplate>
	                </asp:TemplateField>

                </columns>
            </asp:GridView>
        </div>
        <div id="MicroFormatSection"><asp:Literal ID="MicroFormatsLiteral" runat="server"></asp:Literal></div>
    </form>
</body>
</html>
